

#footer {
    background-image: url('footer_background.jpg');
	}

/* 
----------------------------------------------------*/

	.section {
		background-color: white;
		background-position: top center;
		background-repeat: no-repeat;
		min-width: 1100px;
		}
		.section .section_container {
			margin: 0 auto;
			width: 1080px;
			position: relative;
			}
		.section .section_container H2 {
			height: 0;
			overflow: hidden;
			background-position: 0 0;
			background-repeat: no-repeat;
			}
		.section .section_container .image {
			position: absolute;
			}
			

/* Goobal Dropdown
----------------------------------------------------*/

	.dropdown SELECT { 
        width: 275px;
        font-size: 16px;
        display: none; 
        }
	
	.selectstyle_dropdown {
		background: url('input.png') no-repeat 0 0;
		width: 315px;
		height: 45px;
		position: relative;
		-moz-user-select: none;
		user-select: none;
		}

		.selectstyle_dropdown .display {
			color: #777;
			font-size: 14.5px;
			letter-spacing: 0.5px;
			padding: 16px 18px 0;
			cursor: pointer;
			background: url('input_arrow.png') no-repeat 279px 15px;
			}
			.selectstyle_dropdown .display:hover {
				color: #8dc63f;
				}

		.selectstyle_dropdown .options {
			padding-bottom: 25px;
			background: url('input.png') no-repeat bottom left;
			position: absolute;
			z-index: 1;
			top: 44px;
			left: 0;
			width: 100%;
			}
		.selectstyle_dropdown .options UL {
			background: url('input.png') repeat-y -318px 0;
			}
		.selectstyle_dropdown .options UL LI A {
			display: block;
			text-decoration: none;
			color: #777;			
			padding: 19px 18px 0;
			font-size: 14.5px;
			letter-spacing: 0.5px;
			}
			.selectstyle_dropdown .options UL LI A:hover {
				color: #8dc63f;
				}

	.error .selectstyle_dropdown,
	.error .selectstyle_dropdown .options,
	.error .selectstyle_dropdown .options UL {
	    background-image: url('input_required.png');
	    }


/* What Is
----------------------------------------------------*/

	#whatis {
		height: 768px;
		background-image: url('whatis_background.jpg');
		}
		#whatis .image {
			top: 107px;
			right: 30px;
			}
    		#whatis .image IMG {
    		    opacity: 0;
                zoom: 1;
                filter: alpha(opacity=0);
    		    }
		#whatis .content_curtain {
			width: 458px;
			top: 358px;
			position: absolute;
			height: 330px;
			z-index: 100;
		    background: url('whatis_background.jpg') no-repeat -753px -358px;
		    }
		#whatis .content {
			width: 458px;
			padding-top: 358px;
            color: #454545;
			}
			#whatis .content H2 {
				padding-top: 66px;
				background-image: url('oqueeheucrio.png');
				}
			#whatis .content P {
			    position: relative;
			    margin: 26px 0 0 8px;
				font-size: 14.5px;
				line-height: 19px;
				letter-spacing: 0.5px;
				}				


/* Nutrition
----------------------------------------------------*/

	#nutrition {
		height: 943px;
		position: relative;
		}

    	#nutrition .bg2,
    	#nutrition .bg3,
    	#nutrition .bg4 {
            position: absolute;
    		background-color: transparent;
    		background-position: top center;
	    	background-repeat: no-repeat;
	    	top: 0;
	        left: 0;
	        right: 0;
	        bottom: 0;
	        /*
            zoom: 1;
            filter: alpha(opacity=0);
            opacity: 0;
            */
	        }
    	#nutrition .bg2 {
    	    z-index: 2;           
	    	background-image: url('nutrition_background2.png');
    	    }
    	#nutrition .bg3 {
    	    z-index: 3;           
	    	background-image: url('nutrition_background3.png');
    	    }
    	#nutrition .bg4 {
    	    z-index: 4;           
	    	background-image: url('nutrition_background4.png');
    	    }

		#nutrition .section_container {
		    z-index: 10;
		    }


    	#nutrition .image_stat {
            color: white;
            font-size: 150px;
    		font-family: 'ywft_thinaireregular';
			font-weight: normal;
			position: absolute;
			top: 40px;
			left: 40px;
    		letter-spacing: 1px;
            z-index: 6;
            width: 100px;
            text-align: center;
            }
         	#nutrition .image_stat.one {  
                left: 214px;
                top: 478px;
    	        }	
    		#nutrition .image_stat.two {  
                font-size: 200px;
                left: 479px;
                letter-spacing: 13px;
                top: 439px;
                }	
    		#nutrition .image_stat.three {  
                left: 750px;
                top: 474px;
    	        }
                
        #nutrition .image_leaf {
            zoom: 1;
            filter: alpha(opacity=0);
            opacity: 0;
		    background: url("nutrition_image_top.png") no-repeat scroll 0 0 transparent;
            height: 42px;
            position: absolute;
            width: 39px;
            z-index: 6;
		    }
    		#nutrition .image_leaf.one {  
                left: 252px;
                top: 383px;
    	        }	
    		#nutrition .image_leaf.two {  
                left: 510px;
                top: 329px;
                }	
    		#nutrition .image_leaf.three {  
                left: 782px;
                top: 382px;
    	        }	

		#nutrition .image {
		    height: 369px;
		    width: 807px;
		    overflow: hidden;
		    position: absolute;
            right: 147px;
            top: 376px;
            z-index: 5;
			}
    		#nutrition .image IMG {
    		    margin-top: 100%;
    		    }



		#nutrition .content {
			width: 800px;
			margin: 0 auto;
			padding-top: 122px;
			}
			#nutrition .content H2 {
    			width: 713px;
	    		margin: 0 auto;
				padding-top: 41px;
				background-image: url('nutrition_title.png');
				background-position: top center;
				}
			#nutrition .content P {
                font-size: 14.5px;
                letter-spacing: 0.5px;
                line-height: 22px;
                margin-top: 15px;
                text-align: center;
                }

			#nutrition .content P STRONG {
				font-family: 'ywft_thinaireregular';
				font-size: 30px;
				color: #8dc63f;
				letter-spacing: 1px;
				font-weight: normal;
				position: relative;
				top: 0;
				left: 4px;
				}



/* Be Good
----------------------------------------------------*/

	#begood {
		height: 901px;
		background-image: url('begood_background.jpg');
		}

		#begood .content {
		    zoom: 1;filter: alpha(opacity=0);opacity: 0;
			}
			#begood .content H2 {
				position: absolute;
				top: 100px;
				left: 0;
				width: 443px;
				padding-top: 107px;
				background-image: url('begood_title.png');
				}
			#begood .content P {
                color: #454545;
				position: absolute;
				top: 119px;
				right: 0;
				width: 433px;
				height: 100px;
				font-size: 14.5px;
				line-height: 21px;
				letter-spacing: 0.5px;
				}
    			HTML.ie7 #begood .content P,
    			HTML.ie8 #begood .content P,
    			HTML.ie9 #begood .content P { font-size: 13px; }

			#begood .content P STRONG {
				font-family: 'ywft_thinaireregular';
				font-size: 19px;
				font-weight: normal;
				position: relative;
				top: 4px;
				letter-spacing: 1px;
				left: 2px;
				}

        #begood .labels {
            left: 0;
            position: absolute;
            top: 727px;
		    zoom: 1; filter: alpha(opacity=0); opacity: 0;
            }

        #begood .animation_leaf {
           height: 376px;
            left: 52px;
            overflow: hidden;
            position: absolute;
            top: 314px;
            width: 203px;
            }
        #begood .animation_bottle {
            height: 375px;
            left: 876px;
            overflow: hidden;
            position: absolute;
            top: 313px;
            width: 121px;
            }
        #begood .animation_drop {
            height: 503px;
            left: 349px;
            overflow: hidden;
            position: absolute;
            top: 258px;
            width: 385px;
            }
            #begood .animation_bottle IMG,
            #begood .animation_drop IMG,
            #begood .animation_leaf IMG {zoom: 1;filter: alpha(opacity=0);opacity: 0;}



/* Locations
----------------------------------------------------*/

	#locations {
		height: 883px;
		}
		#locations .content {
            zoom: 1;
            filter: alpha(opacity=0);
            opacity: 0;
			width: 483px;
			margin: 0 auto;
			padding-top: 77px;
			}
			#locations .content H2 {
				padding-top: 67px;
				background-image: url('locations_title.png');
				}
			#locations .content P {
				margin-top: 2px;
				text-align: center;
				font-size: 14.5px;
				line-height: 21px;
				letter-spacing: 0.5px;
				}

    #locations .animation {
        overflow: hidden;
        height: 665px;
        left: 19px;
        position: absolute;
        top: 165px;
        width: 1061px;
        }
        #locations .animation IMG {margin-top: 100%;}

	/* Map */

	#locations .map {
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0;
		top: 170px;
		left: -11px;
		position: absolute;
		width: 1100px;
		height: 666px;
		background: white url('locations_map.jpg') no-repeat 0 0;
		}
		#locations .map A {
			display: block;
			position: absolute;
			}
			#locations .map A SPAN {
				background: transparent url('locations_map.jpg') no-repeat 0 0;
				height: 664px;
				position: absolute;
				display: none;
				}

		#locations .map A.west {
			height: 530px;
			left: 50px;
			top: 10px;
			width: 243px;
			}
			#locations .map A.west SPAN {
				width: 281px;
				top: -10px;
				left: -15px;
				background-position: -1105px 0;
				}
		#locations .map A.central {
			height: 613px;
			left: 300px;
			top: 20px;
			width: 493px;
			}
			#locations .map A.central SPAN {
				width: 567px;
				left: -43px;
			    top: -20px;
				background-position: -1396px 0;
				}
		#locations .map A.east {
			height: 600px;
			left: 800px;
			top: 40px;
			width: 240px;
			}
			#locations .map A.east SPAN {
				width: 323px;
				left: -27px;
    			top: -40px;
				background-position: -1973px 0;
				}
	
	/* Modal */

	#locations .modal {
		display: none;
		width: 1050px;
		height: 664px;
		z-index: 2;
		top: 170px;
		left: 24px;
		position: absolute;
		background: transparent url('locations_modal.jpg') no-repeat 0 0;
		}

		#locations .modal .spinner {
			display: none;
    		background: white url('loading.gif') no-repeat 50% 50%;
            height: 119px;
            left: 425px;
            position: absolute;
            top: 270px;
            width: 238px;
            }

		#locations .modal .frame {
			height: 405px;
			left: 77px;
			position: absolute;
			top: 85px;
			width: 889px;
			}

            #locations .modal .frame .comingsoon {
                left: 81px;
                position: relative;
                top: 220px;
                }

			#locations .modal .frame H3 {
				color: #8dc63f;
				font-size: 80px;
				font-family: 'ywft_thinaireregular';
				padding: 0 40px;
				margin-bottom: 28px;
				}
			#locations .modal .frame .pages {
				width: 811px;
				height: 325px;
				overflow: hidden;
				margin-left: 40px;
				position: relative;				
				}
				#locations .modal .frame .pages .slider {
					width: 10000px;
					}
				#locations .modal .frame .pages .page {
					width: 825px;
					height: 325px;
					float: left;
					}
					#locations .modal .frame .pages .page .location {
						width: 247px;
						height: 161px;
						float: left;
						background: url('locations_marker.jpg') no-repeat 0 0;
						padding-left: 28px;
						}
						#locations .modal .frame .pages .page .location H4 {
							font-family: 'ywft_thinaireregular';
							font-size: 23px;
							letter-spacing: 0.5px;
							color: #777;
							line-height: 23px;
							}
						#locations .modal .frame .pages .page .location P {
							letter-spacing: 0.5px;
							color: #777;
							font-size: 13px;
							line-height: 23px;
							}


		#locations .modal .logos {
			height: 140px;
			left: 122px;
			position: absolute;
			top: 520px;
			width: 829px;
			}
			#locations .modal .logos A {
				display: block;
				float: left;
				}


		#locations .modal .close,
		#locations .modal .prev,
		#locations .modal .next {
			display: block;
			position: absolute;
			background: url('locations_modal_buttons.png') no-repeat 0 0;
			}
			#locations .modal .close {
				width: 17px;
				height: 18px;
				top: 37px;
				right: 104px;
				}
			#locations .modal .prev {
				width: 18px;
				height: 22px;
				top: 238px;
				left: 0px;
				background-position: -38px 0;
				}
			#locations .modal .next {
				width: 18px;
				height: 22px;
				right: 0;
				top: 238px;
				background-position: -74px 0;
				}
			
		/* Loading */

		#locations .modal.loading .spinner {
			display: block;
    		}
			
		#locations .modal.loading .prev,
		#locations .modal.loading .next,
		#locations .modal.loading .frame {
			display: none;
			}



/* Buy
----------------------------------------------------*/

	#buy {
		height: 737px;
		background-image: url('buy_background.jpg');
		}
		#buy .image {
			top: 186px;
			left: 482px;
			}
    		#buy .image IMG {
                zoom: 1;filter: alpha(opacity=0);opacity: 0;
                position: relative;
                top: -60px;
    		    }
		#buy .shadow {
		    position: absolute;
			top: 595px;
			left: 482px;
			}
    		#buy .shadow IMG {
                zoom: 1;
                filter: alpha(opacity=0);
                opacity: 0;
                }


		#buy .content {
            zoom: 1;filter: alpha(opacity=0);opacity: 0;
			float: left;
			width: 369px;
			padding-top: 187px;
			position: relative;
			top: -30px;
            color: #454545;
			}
			#buy .content H2 {
				padding-top: 69px;
				background-image: url('buy_title.png');
				margin-bottom: 22px;
				}
			#buy .content H3 {
                font-size: 14px;
                letter-spacing: 0.5px;
                line-height: 24.5px;
                }
			#buy .content P {
                font-size: 14.5px;
                letter-spacing: 0.5px;
                line-height: 24px;
                margin-bottom: 24px;
                }
	
		/* Form */
	
		#buy .form {
			width: 276px;
			float: right;
			padding-top: 288px;
			position: relative;
			}

			#buy .form .price {
				height: 94px;
				}
				#buy .form .price STRONG {
					font-size: 45px;
					font-family: 'ywft_thinaireregular';
					letter-spacing: 1px;
					font-weight: normal;
					}
					#buy .form .price EM {
						color: #99cc33;
						font-family: 'Homemade Apple', cursive;
						}

			#buy .form .dropdown {
				height: 60px;
				}
				#buy .form .dropdown .selectstyle_dropdown {
					background-position: -640px 0;
					width: 255px;
					}
				#buy .form .dropdown .selectstyle_dropdown .display {
					background-position: 215px 15px;
					}
				#buy .form .dropdown .selectstyle_dropdown .options {
					background-position: -640px bottom;
					}
				#buy .form .dropdown .selectstyle_dropdown .options UL {
					background-position: -898px 0;
					}

            #buy .form .form_error { 
                top: 503px;
                position: absolute;
                color: red;
                font-size: 12px;
                letter-spacing: 0.3px;
                padding: 0 0 0 18px;
                display: none;
                }

			#buy .form .add {
				display: block;
				background: url('buttons.jpg') no-repeat 0 0;
				width: 284px;
				height: 0;
				padding-top: 101px;
				overflow: hidden;
				margin-top: 55px;
				}
				#buy .form .add:hover {
					background-position: 0 -100px;
					}

    		#buy .form .comingsoon {
				padding-top: 40px;
				}




/* Contact
----------------------------------------------------*/

	#contact {
		height: 572px;
		}
		#contact H2 {
			padding-top: 89px;
			background-image: url('contact_title.png');
			}
		#contact .methods {
			float: left;
			width: 237px;
			margin-top: 75px;
			}

			#contact .methods P {
				font-size: 12px;
				line-height: 19px;
				letter-spacing: 0.3px;	
				}
				#contact .methods P A {
					color: #777;
					text-decoration: none;
					}
				#contact .methods P A:hover {
					text-decoration: underline;
					}

			#contact .methods H4 {
				font-family: 'ywft_thinaireregular';
				font-size: 24px;
				color: #8dc63f;
				letter-spacing: 1px;
				font-weight: normal;
				margin-top: 7px;
				letter-spacing: 1px;	
				}
				#contact .methods H4:first-of-type {
					margin-top: 0;
					}

		#contact .thanks { 
		    display: none;
		    }
					
		#contact .form { 
			float: right;
			width: 791px;
			margin-top: 167px;
			}
			#contact .form .dropdown { 
				background: url('input.png') no-repeat 0 0;
				width: 315px;
				height: 45px;
				margin-bottom: 13px;
				}
        		#contact .form .dropdown SELECT {
                    position: relative;
                    top: 10px;
                    left: 10px;
        		    }
			#contact .form .field { 
				background: url('input.png') no-repeat 0 0;
				width: 315px;
				height: 45px;
				margin-bottom: 18px;
				}
    			#contact .form .field.error { 
    				background-image: url('input_required.png');
    			    }
				#contact .form .field INPUT { 
					border: 0;
					padding: 0;
					width: 272px;
					color: #777;
					font-size: 14.5px;
					letter-spacing: 0.5px;
					padding: 13px 18px 0;
					background-color: transparent;
					}
			#contact .form .text { 
				background: url('input_textarea.png') no-repeat 0 0;
				width: 456px;
				height: 168px;
				margin-bottom: 13px;
				}
    			#contact .form .text.error { 
    				background-image: url('input_textarea_required.png');
    				}
				#contact .form .text TEXTAREA { 
					border: 0;
					padding: 0;
					font-size: 14.5px;
					line-height: 21px;
					letter-spacing: 0.5px;
					color: #777;
					margin-left: 15px;
					margin-top: 12px;
					width: 426px;
					height: 143px;
					resize: none;	
					}
			#contact .form .col1 { 
				float: left;
				width: 321px;
				}
    			#contact .form .col1 .form_error { 
    			    color: red;
                    font-size: 12px;
                    letter-spacing: 0.3px;
                    padding: 0 0 0 18px;
    			    }
			#contact .form .col2 { 
				float: right;
				width: 456px;
				}

			#contact .form .send {
				display: block;
				background: url('buttons.jpg') no-repeat 0 -207px;
				width: 135px;
				height: 0;
				padding-top: 82px;
				overflow: hidden;
				}
				#contact .form .send:hover {
					background-position: -144px -207px;
					}




